<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 框模型概述</title>
    <style type="text/css">
        /*  设置 style 类型 */
        /*背景应用于由内容 内边距和边框组成的区域  外边距默认透明不会遮挡其后的元素
           这三个属性的默认值 是0
           width 和 height 指的是内容的宽度和高度
           外边距可以是负值，而且在很多情况下都要使用负值的外边距。
         */
        /*body{*/
            /*padding: 0px;*/
            /*margin: 0px;*/
        /*}*/

        #box{
            background-color: #F5A623;
            width: 70px;
            margin: 30px;
            padding: 20px;
            height: 70px;
        }
        #innerBox{
            background-color: #00ff00;
            width: 20px;
            height: 20px;
        }


    </style>
</head>
<body>
    <div id="box">
        <div id="innerBox">
        </div>
    </div>
</body>
</html>